{__NOLAYOUT__}
<layout name="no_nav" />
<style type="text/css">
	body {
		position: relative;
		height: 100%;
		width: 100%;
		background: #eee url({$style.bg_image}) 0 0 no-repeat;
		background-size: cover;
		overflow: hidden;
		padding-bottom: 0;
	}
	.gh-gl {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 80%;
		text-align: center;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.gh-gl-item {
		display: block;
		margin-bottom: .2em;
		padding-top: .5em;
		padding-bottom: .5em;
		background-color: rgba(255, 255, 255, .8);
		text-decoration: underline;
	}
	.gh-tip {
		position: absolute;
		top: 0;
		left: 0;
	}
	.pr-copyright {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	.ellipsis{
		padding-top: 1px;
	}
	/*轮播图*/
	#b03 .dots { position: absolute; left: 0; right: 0; bottom: 20px;}
	#b03 .dots li
	{
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 4px;
		text-indent: -999em;
		border: 2px solid #fff;
		border-radius: 6px;
		cursor: pointer;
		opacity: .4;
		-webkit-transition: background .5s, opacity .5s;
		-moz-transition: background .5s, opacity .5s;
		transition: background .5s, opacity .5s;
	}
	#b03 .dots li.active
	{
		background: #fff;
		opacity: 1;
	}
	 ul, ol { padding: 0;}
	.banner { position: relative; overflow: auto; text-align: center;}
	.banner li { list-style: none; }
	.banner ul li { float: left; }
	.banner ul li { float: left; }

</style>
<script src="__COMMON__/js/jquery-1.11.1.min.js"></script>
<script src="__COMMON__/js/unslider.min.js"></script>

<header>
	<div class="banner" id="b03">
	<ul>
		<tag:disShopSlide id="vo">
				<li >
					<a href="{$vo.url}"><img  style="height: 220px;width: 100%" src="{$vo.img}" alt="{$vo.title}"></a>
					<h3>{$vo.title}</h3>
				</li>
		</tag:disShopSlide>
	</ul>
	</div>
</header>
<script>
	$(document).ready(function(e) {
		$('#b03').unslider({
			dots: true
		});
	});
</script>
<header class="gh-tip flex-row">
	<div class="row-item">
		<eq name="user.subscribe" value="0">
			<notempty name="fromUser">
				<notempty name="fromUser.face">
					<div class="gh-tip-face fl">
						<img class="w100" src="{$fromUser.face}" alt="" style="width:100px">
					</div>
				</notempty>
				<p class="ellipsis">来自 {$fromUser.nickname} 的推荐</p>
				<p class="ellipsis">关注我们，获取更多优惠</p>
			</notempty>
			<else/>
			<notempty name="user">
				<notempty name="user.face">
					<div class="gh-tip-face fl">
						<img class="w100" src="{$user.face}" alt="">
					</div>
				</notempty>
				<p class="ellipsis">{$user.nickname}，感谢您的关注</p>
				<p class="ellipsis">分享给朋友，获取分享积分</p>
			</notempty>
		</eq>
	</div>

	<if condition="!$user['subscribe']">
		<a href="{$config.subscribe_url}" class="btn btn-theme">关注我们</a>
		<else/>
		<a href="{:url(null, 'DisShop', 'my', 'sid='.$sid)}" class="btn btn-theme">个人中心</a>
	</if>
</header>

<main class="gh-gl">
	<volist name="goodsLists" id="vo">
		<a class="gh-gl-item" href="{$vo.url}">{$vo.name}</a>
	</volist>
</main>
